<template>
	<view class="all">
		<view class="horizontal">
			<navigator url="../Allannouncement/Allannouncement" hover-class="navigator-hover">
				<text class="gonggao">公告</text>
			</navigator>
		</view>
		<view class="horizontal">
			<view v-for="(item, index) in culture" :key="index" >
				<view class="bore">
					<image class="image_hone" :src="item.cultureImage"></image>
					<view class="text-top" @click="Jump(index)">
						<text type="default">{{item.cultureTitle}}</text>
					</view>
				</view></br>
			</view>
		</view>
<navigator class="shangchuang" url="../essay/essay">我要上传文章</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imger:'../foreground/foreground',
				imgerurl:'',
				culture: [],
			}
		},
		onLoad() {
			this.getculture()
		},
		methods: {
			getculture() {
				uni.request({
						url: this.api.getAllCulture,
						method: "GET",
					}).then(data => {
						let [err, res] = data
						this.culture = res.data
						console.log(res.data)
					})
				},
			
		Jump(index) {
			console.log(index)
			uni.navigateTo({
				
				url:"../foreground/foreground?index=" + index
			})
		}
		}
	}
</script>

<style>
	.all {
		width: 100%;
		height: 100%;
		/* border: solid 1px; */
	}

	.horizontal {
		width: 100%;
	}

	.bored {
		height: ;
		border-top: 1px solid;
		flex-direction: row;
	}

	.image_hone {
		width: 30px;
		height: 35px;
		float: left;
		border-radius: 50%;
	}

	.text-top {
		padding-top: 15px;
		border-top: 1px solid;
	}

	.dianji {
		color: #DD524D;
	}
	.shangchuang{
		text-align: center;
		margin-top: 50px;
	}
	.gonggao{
		text-align: center;
	}
</style>
